<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>

        <script src="/lib/axios.js"></script>
        <script src="/lib/vue.js"></script>
        <link rel="stylesheet" href="/lib/elementindex.css">
        <script src="/lib/elementindex.js"></script>

    </head>
    <body>
        <div id='dlgapp'></div>
        <div>
            <button onclick="onSelectClass9()">select</button>
        </div>

        <script type='module'>
            import * as $rest from '/lib/hc-rest-service.js'
            import HcRuleClass9Dialog from './hc-rule-class9-dialog.js'
            
            var dlg
            $rest.check$pinfoOrLoad(function() {
                init();
            }, 'xsxdjc/Main');

            function init() {
                //el: same with definiton in Vue
                //rtype/ruledefinition/class9selected/exclude
                dlg = new HcRuleClass9Dialog({
                    ruledefinition: true,
                    class9selected: function(rule) {
                        console.log('onRowSelected', JSON.stringify(rule))
                    },
                    exclude: function(rpath) {
                        return false
                    }
                })

                dlg.show()
            }

            function onSelectClass9() {
                dlg.show()
            }
        </script>
    </body>
</html>
